<template>
	<view>
		<view class="search" style="margin-bottom: 10rpx;">
			<u-search :clearabled="true"></u-search>
		</view>
		<view class="wrap">
			<u-swiper :list="list"></u-swiper>
		</view>
		<view>
			<u-notice-bar mode="horizontal" :list="list1"></u-notice-bar>
		</view>
		<view class="rec-goods-list">
			<view v-for="item in 10" class="item u-flex u-flex-col ">
				<image src="../../static/image/1.png"></image>
				<view class="goods-name">教师节必备品</view>
				<view class="goods-price">￥2699</view>
			</view>
			
		</view>
	</view>
	
</template>

<script>
	export default {
		data() {
			return {
				list1:['刚刚学习,一起快乐!'],
				list: [{
						image: 'https://cdn.uviewui.com/uview/swiper/1.jpg',
						title: '昨夜星辰昨夜风，画楼西畔桂堂东'
					},
					{
						image: 'https://cdn.uviewui.com/uview/swiper/2.jpg',
						title: '身无彩凤双飞翼，心有灵犀一点通'
					},
					{
						image: 'https://cdn.uviewui.com/uview/swiper/3.jpg',
						title: '谁念西风独自凉，萧萧黄叶闭疏窗，沉思往事立残阳'
					}
				],

			}
		},
		onLoad() {

		},
		methods: {

		}
	}
</script>

<style lang="scss" scoped>
 .rec-goods-list{
	 
	 display: flex;
	 flex-wrap: wrap;
 }
 
 .item{
	 &:active{
		 box-shadow: 0 0 15rpx $uni-goods-item-active;
	 }
	 height: 400rpx;
	 width: 50%;
	 margin-top: 30rpx;
	 box-shadow: 0 0 2rpx #DCDFE6;
	 image{
		 width: 80%;
		 height: 300rpx;
		 z-index: 10;
		 // margin-top: -90rpx;
		 
	 }
	 goods-name{
		 font-size: 30rpx;
	 }
 }
 
 .goods-price{
	 color: $uni-color-error;
	 font-weight: bold;
	 font-size: 35rpx;
 }
 
</style>
